<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>分页插件</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="./page.css" />
</head>
    
<div class="page1"></div>
<div class="page2"></div>

<script src='./page.js'></script>
<script>
let page1=new Page('.page1',{
    pageTag:{
        first: '首页',
        prev: '上一页',
        num:null,
        next: '下一页',
        last: '末页',
    },
    pageInfo:{
        pageNum:  7,     // 当前页数
        pageSize: 10,    // 每页显示条数  
        totalData: 1000, // 总条数 
        totalPage: 100,  // 总页数 = 向上取整（总条数 / 每页显示条数）
    }
})
let page2=new Page('.page2',{
    pageTag:{
        first: 'first',
        prev: 'prev',
        num:null,
        next: 'next',
        last: 'last',
    },
    pageInfo:{
        pageNum:  6,     // 当前页数
        pageSize: 10,    // 每页显示条数  
        totalData: 60, // 总条数 
        totalPage: 100,  // 总页数 = 向上取整（总条数 / 每页显示条数）
    }
})

</script>